.horizontal-line {
  position: absolute;
  border: none;
  border-top: 1px dotted #000;
  color: #fff;
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin: 0;
  z-index: 1000;
}

.vertical-line {
  position: absolute;
  border: none;
  border-left: 1px dotted #000;
  color: #fff;
  background-color: #fff;
  width: 1px;
  height: 100%;
  margin: 0;
  top: 0;
  z-index: 1000;
}

.dropzone {
  border: dashed 2px transparent;
  border-color: #aaa;
  /* border-radius: 4px; */
  /* margin: 10px auto 10px; */
  /* padding: 10px; */
  /* width: 80%; */
  transition: background-color 0.3s;
}

.drop-active {
  border-color:#29e;
}

.drop-target {
  border-color:#29e;
  border-style: solid;
}

.drop-deactive {
  border-color: #aaa;
}

.drag-drop {
  display: inline-block;
  min-width: 40px;
  padding: 2em 0.5em;
  color: #fff;
  background-color: #29e;
  border: solid 2px #fff;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: background-color 0.3s;
}

.drag-drop.can-drop {
  color: #000;
  background-color: #4e4;
}

form.dropzone {
  min-width: 240px;
  min-height: 60px;
}

div.horizontal-stripes {
  background-image: repeating-linear-gradient(180deg, #ccc, #ccc 30px, #dbdbdb 30px, #dbdbdb 60px);
}

div.vertical-stripes {
  background-image: repeating-linear-gradient(90deg, #ccc, #ccc 30px, #dbdbdb 30px, #dbdbdb 60px);
}

.selected-with-ctrl-key {
  color: #007bff;
  background:#d9edf7;
}

.selected-with-ctrl-key:hover {
  color: #007bff;
  background:#d9edf7;
}

.form-sortable-placeholder {
  height: 30px;
  line-height: 25px;
}

.popup-sortable-placeholer {
  height: 345px;
  line-height: 287px;
  width: 287px;
}

div.row.gridrow-component > div, .form-border {
  border: 1px dashed rgb(153, 153, 153);
}

.placeholder-component-highlight {
  margin: 1px;
  border: dashed 2px transparent;
  border-color: #aaa;
  transition: background-color 0.3s;
}

.dashed-border {
  border: dashed 1.2px transparent;
  border-color: #aaa;
  transition: background-color 0.3s;
}

.solid-border {
  border: solid 1px;
  border-color: #aaa;
  transition: background-color 0.3s;
}

.resizable-margin-bottom {
  margin-bottom: 25px;
}